/* CSS Document */

/* CSS Document */
body{
	padding:0;
	margin:12px 0 0;
	font:11px "Lucida Grande",Arial, Helvetica, sans-serif;
	color:#7D7D7D;
	background-color: #edeff1;
	background-image: url(images/main-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	text-align:center;
}

div, p, ul, h1, h2, h4, h5, img{
	margin:0px; 
	padding:0px;
}

h3{
	color:#FFFFFF;
	background-color:#0066FF;
	text-align:left;
	padding-left:5px;
}

h4{
	background-color:#EEEEEE;
}

ul{
	list-style-type:none;
}

a{
	text-decoration:none;
	color:#666666;
}

#nav{
	
}

#mainpanel{
	width:833px;
	background-color:#edeff1;
	margin:auto;
}

#toppanel1{
	background-image:url(../images/main/main_03.png);
	background-repeat:no-repeat;
	width:837px;
	height:28px;
}

#toppanel2{
	background-image:url(../images/main/main_05.png);
	background-repeat:no-repeat;
	float:left;
	width:53px;
	height:35px;
}

#toppanel3{
	background-image:url(../images/main/main_06.png);
	background-repeat:no-repeat;
	float:left;
	width:35px;
	height:35px;
}

#toppanel4{
	background-image:url(../images/main/main_07.png);
	background-repeat:no-repeat;
	float:left;
	width:590px;
	height:35px;
}

#toppanel5{
	background-image:url(../images/main/main_08.png);
	background-repeat:no-repeat;
	float:left;
	width:155px;
	height:35px;
}

#contentpanel{
	background-image:url(../images/main/main_09.png);
	background-repeat:repeat-y;
	float:left;
	width:837px;
	height:350px;
}

.main{
	float:left;
	margin-left:40px;
	margin-top:10px;
	width:70%;
	height:90%;
	text-align:left;
	border:solid;
	border-color:#CCCCCC;
	overflow:auto;
}

.inner_content{
	overflow:auto;
	border:medium;
}

.menu_kanan{
	float:right;
	margin-right:40px;
	margin-top:px;
	width:15%;
}

#footerpanel{
	background-image:url(../images/main/main_11.png);
	background-repeat:no-repeat;
	float:left;
	width:837px;
	height:88px;
}

